import React from 'react';

const LightSolution = ({ suggestion }) => {
  return (
    <div style={{ padding: '20px', border: '1px solid #d9d9d9', borderRadius: '4px' }}>
      <h2>补光建议</h2>
      <p>{suggestion}</p>
      <svg width="200" height="200" viewBox="0 0 200 200">
        <circle cx="50" cy="50" r="20" fill="#ffcc00" />
        <line x1="50" y1="50" x2="150" y2="150" stroke="#ffcc00" strokeWidth="2" />
        <text x="50" y="90" fill="#333">补光灯角度 45 度</text>
        <text x="50" y="110" fill="#333">距离 1 米</text>
      </svg>
    </div>
  );
};

export default LightSolution;